@import "ng-devui/styles-var/devui-var.scss";
@import "src/app/@shared/styles/common.scss";
d-button{
  margin-right: 12px;
}

.btn-group{
  margin-top: 8px;
  display: flex;
  flex-direction: row;
}
.list-content{
  margin-top: 12px;
}
.devui-link-danger{
  color: #f66f6a;
  color: var(--devui-danger-text,#f66f6a);
  cursor: pointer;
  &:hover{
    text-decoration: underline;
  }
}
.ms-3{
  margin-left: 8px
}
.mt-3{
  margin-top: 8px
}
.page-footer{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.underline{
  text-decoration: underline;
  color: $devui-primary;
  cursor: pointer;
}

:host ::ng-deep .devui-tag-item.true {
  background-color: $devui-green-60;
  color: $devui-light-text;
  box-sizing: border-box;
}
:host ::ng-deep .devui-tag-item.false {
  box-sizing: border-box;
  background-color: $devui-warning;
  color: $devui-light-text;
}
d-tag {
  margin: 4px;
}
.me-2{
  margin-right: 5px;
}
:host ::ng-deep .devui-toast{
  transform: translateX(-50%);
}
:host ::ng-deep .custom-class {
  .devui-toast-message-success{
  .devui-toast-item {
    width: 26em;
    color: #252b3a;
    background-color:$devui-success-bg;
    .devui-toast-icon-close{
      top: 10px;
      right: 13px;
      .devui-toast-close-icon {
        fill: #252b3a;
      }
    }
    .devui-toast-image {
      top: 15px;
    }
    .devui-toast-message {
      line-height: 23px;
      .devui-toast-title {
        font-size: 16px;
      }
      p {
        font-size: 14px;
      }
    }
  }
  }
  .devui-toast-item {
    color: #f3f3f3;
    background-color:$devui-red-50;
    width: 26em;
    .devui-toast-icon-close{
      top: 10px;
      right: 13px;
      .devui-toast-close-icon {
        fill: #252b3a;
      }
    }
    .devui-toast-image {
      top: 15px;
    }
    .devui-toast-message {
      line-height: 23px;
      .devui-toast-title {
        font-size: 16px;
      }
      p {
        white-space: nowrap;
        font-size: 14px;
      }
    }
  }
}
.dDropDown{
  display: inline;
}
.btn-wrapper {
  display: flex;
}
.icon-select-arrow {
  margin-left: 8px;
}

.cleared{
  cursor: pointer;
  margin-left: 5px;
}

.da-list-wrap{
  height: 100%;
  display: flex;
  flex-direction: column;
  .da-content-banner{
    height: auto;
    flex-shrink: 0;
  }
  .da-content-wrapper{
    flex-grow: 1;
    .da-list-container{
      display: flex;
      flex-direction: column;
      height:100%;
      .da-list-header{
        flex-shrink: 0;
      }
      .list-content{
        flex-grow: 653;
      }
      .page-footer{
        flex-shrink: 0;
      }
    }
  }
}
.d-input{
  display: flex;
  align-items:flex-start;
  flex-direction: row;
  width: 100%;
  .inputIn{
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
  }
  .d-submit{
    display: flex;
    flex-wrap: nowrap;
  }
}

a.disabled{
  pointer-events: none;
  color: #ccc;
}
